@import "../../process-item/add-process/add-process.component.scss";
.card1{
  margin-top: 30px;
  min-height: calc(100vh - 500px);
  .puls-item{
    position: relative;
    text-align: center;
    .long-arrow{
      position: relative;
      width: 3px;
      height: 40px;
      background-color: $devui-aide-text;
      margin: 0 auto 10px;
      &:after{
        content: "";
        position: absolute;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 10px solid $devui-aide-text;
        border-bottom: 10px solid transparent;
        bottom: 0;
        left: 50%;
        transform: translate(-50%) translateY(100%);
      }
    }
    i{
      font-size: $devui-font-size-card-title;
      position: absolute;
      top: 40%;
      left: 50%;
      transform: translate(-50%);
      z-index: 1;
      color: $devui-aide-text;;
      background-color:$devui-base-bg;
      cursor: pointer;
    }
  }
  .flow-nodes{
    text-align: center;
    vertical-align: top;
    margin: 0 auto;
    min-width: 150px;
    max-width: 200px;

  }

}
.me-1{
  margin:  0 2px;
}
.node{
  position: relative;
  .text{
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(-200%, -50%);
    z-index: 1;
    color: $devui-brand;
  }
}

